<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script src="./vue.js"></script>

<body>
    <div id="app">
        <p v-for="(item,i) in list">{{i}}---{{item}}</p>
        <p v-for="(user,i) in lis"> {{i}}id:{{user.id}}姓名:{{user.name}}</p>
    </div>
</body>
<script>
    let vm = new Vue({
        el: '#app',
        data: {
            list: [1, 2, 3, 4, 5],
            lis: [
                { id: 1, name: 'zs' },
                { id: 2, name: 'ls' },
                { id: 3, name: 'ww' },
                { id: 4, name: 'll' },
            ]
        }
    })
</script>

</html>